<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="author" content="管雷鸣">
<title>Help</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
		<h2>第一步：下载html页面源文件</h2>
		<p> <a href="https://res.zvo.cn/kefu/dev/weixinApplet/kefu.html.zip" target="_black">点此下载html页面</a> ， 下载后解压出 kefu.html 文件</p>
		
		<h2>第二步：将 kefu.html 上传到你自己服务器</h2>
		<p>将 kefu.html 传到你自己的服务器上，使之可以访问到。</p>
		<p>访问时需要get传递id参数，这个id参数也就是坐席的id，请求URL格式如 ......../kefu.html?id=365fef747a9e493fb631b621ee36eed1 </p>
		<p>（ /kefu.html前面的 ........ 是指你自己服务器的访问域名及路径。）</p>
		
		<h2>第三步：小程序中，增加一个 Page 页面</h2>
		增加一个page页面，增加的页面假设名叫 kefu<br/>
		<p>其中增加的小程序页面的 kefu.wxml 内容为：</p>
		<textarea id="yanshi" rows="2">
<web-view src="........./kefu.html?id=365fef747a9e493fb631b621ee36eed1"></web-view>
		</textarea>
		<p>增加的小程序页面的 kefu.json 内容为：</p>
		<textarea id="yanshi" rows="8">
{
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#fc3b10",
  "navigationBarTitleText": "在线客服",
  "navigationBarTextStyle": "white",
  "onReachBottomDistance": 150
}
		</textarea>
		
		<h2>第四步：登录小程序管理的微信公众平台</h2>
		将 kefu.html 文件访问的域名加入到业务域名中去，不然小程序中是无法访问到 kefu.html 文件的 
		
		<h2>效果图</h2>
		<p style="text-align:center;"><img src="https://res.zvo.cn/kefu/dev/weixinApplet/kefu_weixinapplet.jpg" style="width:60%" /></p>
		
</body>
</html>